<template>
<div class="ASK1">
    <image-with-word-component></image-with-word-component>
    <div class="ask1-local">
        <div class="local-university">
            <i class="el-icon-location-information"></i>
            {{university}}
        </div>
        <div class="local-other">
            {{other}}
        </div>
    </div>
</div>
</template>

<script>
import ImageWithWordComponent from '../subComponent/ImageWithWord.vue'
export default {
  data () {
    return {
      university: '中国矿业大学',
      other: '...'
    }
  },
  components: {
    ImageWithWordComponent
  }
}
</script>

<style lang='scss'>
.ASK1 {
    background: white;
    margin-top: 5px;
    .ask1-local {
        height: 30px;
        font-family: 微软雅黑;
        font-weight: bold;
        margin: 0 10px;
        .local-university {
            float: left;
            font-size: 11px;
            padding-top: 1ch;
            color: rgb(155, 155, 155);
        }
        .local-other {
            float: right;
            color: black;
            padding-top: 0;
            border: none;
            background-color: transparent;
            outline: none;
            width: 5%;
        }
    }
}
</style>
